<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
<%@taglib uri="http://www.mdkg.net/tags/role" prefix="r"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>左右详细信息页面</title>
<meta http-equiv="pragma" content="no-cache" />
<meta http-equiv="cache-control" content="no-cache" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<link type="text/css" href="${path}/css/common/timepicker/jquery-ui.css" rel="Stylesheet" />
<link type="text/css" href="${path}/css/common/jquery-ui-1.9.2.custom.css" rel="Stylesheet" />
<link type="text/css" href="${path}/css/common/flexigrid.css" rel="Stylesheet" />
<link type="text/css" href="${path}/css/common/style.css" rel="Stylesheet" />
<link type="text/css" href="${path}/css/common/alert.css" rel="stylesheet" />

<script type="text/javascript" src="${path}/js/common/jquery-1.8.2.js"></script>
<script type="text/javascript" src="${path}/js/common/opMsg.js"></script>
<script type="text/javascript" src="${path}/js/common/artcommon.js"></script>
<script type="text/javascript" src="${path}/js/common/common.js"></script>
<script type="text/javascript" src="${path}/js/common/flexigrid.js"></script>
<script type="text/javascript" src="${path}/js/common/jquery.validate.js" ></script>
<script type="text/javascript" src="${path}/js/common/messages_zh.js" ></script>
<script type="text/javascript" src="${path}/js/common/jquery.metadata.js" ></script>

<script type="text/javascript" src="${path}/js/common/jquery-ui-1.8.23.custom.min-update.js"></script>
<script type="text/javascript" src="${path}/js/common/timepicker/jquery-ui-timepicker-addon.js"></script>
<script type="text/javascript" src="${path}/js/common/timepicker/jquery-ui-sliderAccess.js"></script>
<script type="text/javascript" src="${path}/js/common/timepicker/jquery-ui-timepicker-zh-CN.js"></script>

<script type="text/javascript" src="${path}/js/common/jquery.layout-latest.js"></script>
<script type="text/javascript" src="${path}/js/common/jquery.cookie.js"></script>
<script type="text/javascript" src="${path}/js/common/mulselect.js"></script>
<script type="text/javascript" src="${path}/js/common/date/dateUtil.js"></script>
<script type="text/javascript" src="${path}/js/common/jquery.alert.js"></script>
<script type="text/javascript" src="${path}/js/common/mulAutoComplete.js"></script>
<script type="text/javascript" src="${path}/js/staticdata/staticdata.js"></script>
<script type="text/javascript" src="${path}/js/personalReport/personalReport.js"></script>
<script type="text/javascript" src="${path}/js/evtrptLevelThree/evtrptLevelThree.js"></script>
<script type="text/javascript" src="${path}/js/fevent/fevent.js"></script>
<script type="text/javascript" src="${path}/js/temp/feventInit.js"></script>
<script type="text/javascript" src="${path}/js/dataMessage/dataMessage.js"></script>
<script type="text/javascript">
$(function() {
	var layoutdefined = {
			defaults:{
				spacing_open:8,
				spacing_closed:8,
				togglerLength_open:100,
				togglerLength_closed:100,
				slideTrigger_open:'click',
				slideTrigger_closed:'click',
				hideTogglerOnSlide:false,
				togglerContent_open:"&#8249;",
				togglerContent_closed:"&#8250;",
				togglerTip_open:"关闭左边选项",
				togglerTip_closed:"打开左边选项",
				slidable:false //屏蔽拖拉杆点击后出现的鼠标停留事件
			},
			/* north:{
				togglerLength_open:60,
				togglerLength_closed:60,
				spacing_open:6,
				spacing_closed:6,
				slideTrigger_open:'click',
				slideTrigger_closed:'click',
			    size:'${param.top}' ? '${param.top}' : 90,
			    closable: true,
	            resizable: false,
	            togglerTip_open:"关闭顶部选项",
				togglerTip_closed:"打开顶部选项",
				initClosed: false
			}, */
			west:{
				size:'${param.left}' ? '${param.left}' : 290,
				resizable: false
			}
		};
		/* var g = {
			//隐藏左侧导航栏div
			hideLeftGuideDiv: function() {
				//如果左边导航栏打开了，隐藏左边导航栏
				if($(".ui-layout-resizer-west span.content-open", window.parent.document).css("display") === 'block') {
					$(".ui-layout-resizer-west span.content-open", window.parent.document).click();
				}
			}
		}; */
		$('body').layout(layoutdefined);
		//样式设置，使多选框显示正常
		/* $(".multipleChoiceDetailDiv").live("mouseenter",function(){
			$(".ui-layout-pane-north").css({zIndex: 30});
		});
		$(".multipleChoiceDetailDiv").live("mouseleave",function(){
			$(".ui-layout-pane-north").css({zIndex: 0});
		}); */
		
		//查询后，隐藏搜索层
		/* $("#btnPersonalRecordSearch").live("click", function(){
			$(".ui-layout-resizer-north span.content-open").click();
			//隐藏左侧导航栏div
			g.hideLeftGuideDiv();
		}); */
		//默认加载后，隐藏左侧导航栏div
		//g.hideLeftGuideDiv();
		
		//如果有指定module的情况，绑定flexgird
		if("${param.module}") {
			$('#${param.module}').flexigrid(${param.module});
		}
		
		//点击搜索层伸缩条，调用中间蓝色按钮点击事件
		/*$(".ui-layout-resizer-north").live("click", function(){
			$("span.content-open", this).click();
		}).find("span.content-open, span.content-closed").click(function(e){
			$(".pSearch").click();
		});
		
		//搜索层中间的显隐按钮鼠标事件, 清空左外边距，防止无法点击span导致flexgrid高度计算出错
		$(".ui-layout-toggler-north").mouseenter(function(){
			$(this).children().css("marginLeft", 0);
		});
		
		//由于JQ中使用了JS去控制北部div的css，帮需要使用JS来控制北部div的z-index
		$(".ui-layout-pane-north").live("mouseenter",function(){
			$(this).css({zIndex: 30});
		});*/
	});
</script>
<style type="text/css">
	#tabs{
		margin-top: 3px;
	}
	.multipleChoiceDiv {
		float: left;
		background: #FFF;
		border: 1px solid #999;
		word-wrap: break-word;
		overflow: hidden;
	}
	.multipleChoiceDetailDiv {
		background-color: #FFF;
		border: 1px solid #999;
		word-wrap: break-word;
		position: absolute;
		z-index: 999999;
		display: none;
	}
	.ui-layout-west,.ui-layout-center {
		overflow: auto;
	}
</style>
</head>
<body>
	<%-- dialog弹出层的所有div--%>
	<c:import url="/mc/dialogDiv.jsp"></c:import>
	<%-- <div class="ui-layout-north">
		<c:import url="${param.modulePath}/search.jsp"></c:import>
	</div> --%>
	<div class="ui-layout-west">
		<!-- 如果有指定module的情况，绑定flexgird，否则导入左侧信息页面 -->
		<c:choose>
			<c:when test="${!empty param.module}">
				<table id="${param.module}"></table>
			</c:when>
			<c:otherwise>
				<c:import url="${param.modulePath}/leftInfo.jsp"></c:import>
			</c:otherwise>
		</c:choose>
	</div>
	<div class="ui-layout-center">
		<div id="rightSearchDiv" class="defSearchDiv">
			<c:import url="${param.modulePath}/search.jsp"></c:import>
		</div>
		<!-- 搜索层显隐按钮层 -->
		<div class="frameControlV"><img src="${path}/images/common/art/lineTop.jpg" alt="" /></div>
		<div id="rightInfoDiv">
			<c:import url="${param.modulePath}/rightInfo.jsp"></c:import>
		</div>
	</div>
</body>
</html>